<template>
  <div>
    <h4>子组件</h4>
    <p>{{ count }}</p>
    <button @click="add(1)">add</button>
    <button @click="$emit('sub', 1)">sub</button>
  </div>
</template>

<script>
export default {
  name: "Child",
  // 数组方式接受
  // props: ["count", "add"],
  // 对象方式接受 并标定接受值的类型
  // props: {
  //   count: Number,
  //   add: Function,
  // },
  // 对象方式严格模式接受
  props: {
    count: {
      type: Number, //值的类型
      require: true, //是否必填
    },
    add: {
      type: Function,
      require: true,
    },
  },
};
</script>

<style>
</style>